<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <body>
        <div style='border:5px solid purple; width:300px;'>
            <i style='float: left; height: 100px; width:20px; background:yellow;'></i>
            <b style='display:block; clear: left; outline:1px solid orange; margin-top:0px; height:1px;'>
                <s style='display:block; margin-top:150px;'></s>
            </b>
            <u style='display:block; height: 50px; margin-top: 50px; background:blue;'></u>
        </div>
        
        
        <h5>b {margin-top:0px} u {margin-top:50px}</h5>
        <div style='border:5px solid purple; width:300px;'>
            <i style='float: left; height: 100px; width:20px; background:yellow;'></i>
            <b style='display:block; clear: left; outline:1px solid orange; margin-top:0px;'></b>
            <u style='display:block; height: 50px; margin-top: 50px; background:blue;'></u>
        </div>
        
        <h5>b {margin-top:25px} u {margin-top:50px}</h5>
        <div style='border:5px solid purple; width:300px;'>
            <i style='float: left; height: 100px; width:20px; background:yellow;'></i>
            <b style='display:block; clear: left; outline:1px solid orange; margin-top:25px;'></b>
            <u style='display:block; height: 50px; margin-top: 50px; background:blue;'></u>
        </div>
        
        <h5>b {margin-top:50px} u {margin-top:50px}</h5>
        <div style='border:5px solid purple; width:300px;'>
            <i style='float: left; height: 100px; width:20px; background:yellow;'></i>
            <b style='display:block; clear: left; outline:1px solid orange; margin-top:50px;'></b>
            <u style='display:block; height: 50px; margin-top: 50px; background:blue;'></u>
        </div>
        
        <h5>b {margin-top:50px} u {margin-top:150px}</h5>
        <div style='border:5px solid purple; width:300px;'>
            <i style='float: left; height: 100px; width:20px; background:yellow;'></i>
            <b style='display:block; clear: left; outline:1px solid orange; margin-top:50px;'></b>
            <u style='display:block; height: 50px; margin-top: 150px; background:blue;'></u>
        </div>
        
        <h5>span {margin-top:25px} b {margin-top:0px} u {margin-top:50px}</h5>
        <div style='border:5px solid purple; width:300px;'>
            <i style='float: left; height: 100px; width:20px; background:yellow;'></i>
            <span style='display:block; background:cyan; margin-top:25px;'>                
                <b style='display:block; clear: left; outline:1px solid orange; margin-top:0px;'></b>
                <u style='display:block; height: 50px; margin-top: 50px; background:blue;'></u>
            </span>
        </div>
        
        <h5>span {margin-top:25px} b {margin-top:25px} u {margin-top:50px}</h5>
        <div style='border:5px solid purple; width:300px;'>
            <i style='float: left; height: 100px; width:20px; background:yellow;'></i>
            <span style='display:block; background:cyan; margin-top:25px;'>
                
                <b style='display:block; clear: left; outline:1px solid orange; margin-top:25px;'></b>
                <u style='display:block; height: 50px; margin-top: 50px; background:blue;'></u>
            </span>
        </div>
        
        <h5>span {margin-top:25px} b {margin-top:50px} u {margin-top:50px}</h5>
        <div style='border:5px solid purple; width:300px;'>
            <i style='float: left; height: 100px; width:20px; background:yellow;'></i>
            <span style='display:block; background:cyan; margin-top:25px;'>
                
                <b style='display:block; clear: left; outline:1px solid orange; margin-top:50px;'></b>
                <u style='display:block; height: 50px; margin-top: 50px; background:blue;'></u>
            </span>
        </div>
    </body>
</html>
